<script setup>
</script>

<template>
  <main>
    <h1>这是首页</h1>
    <p>路由概念</p>
    <p>创建路由对象：router文件夹中的index.js</p>
    <p>路由跳转（声明式跳转，标签跳转）：router-link</p>
    <p>路由渲染：router-view</p>
    <p>注意：router表示路由对象</p>
    <p>注意：route表示当前路由对象</p>
    <dl>
      <dt>路由跳转（编程式跳转，js跳转）：</dt>
      <dd>模板中使用：$router.xxx</dd>
      <dd>选项中使用：this.$router.xxx</dd>
      <dd>setup中使用：先使用vue-router提供的useRouter方法，创建router对象，再通过创建之后的router对象.xxx</dd>
    </dl>
    <p>跳转方式：router.push()</p>
    <p>跳转方式：router.replace()</p>
    <p>跳转方式：router.go()</p>
    <p>路由写法：router.push("/pathname")</p>
    <p>路由写法：router.push({path:"pathname"})</p>
    <p>路由写法：router.push({name:"name"})</p>
  </main>
</template>


